$(function(){
    $prev = $('.preview-article');
    $prev.eq(0).addClass('left-article');
    $prev.eq(1).addClass('right-article');

    $arrow = $('.arrow');
    $arrow.eq(0).addClass('left-arrow').data('act', 'prev');
    $arrow.eq(1).addClass('right-arrow').data('act', 'next');

    loadPreview();

    $('.arrow').click(function(){
        $.ajax({
            'url' : '/articles/' + $(this).data('act') + '/' + ($(this).data('act') == 'prev' ? $('.left-arrow').data('id') : $('.right-arrow').data('id')),
            success: function(data){
                setPreviewData(data);
            }
        })
    });

    $('#preview-wrap').parent('.content').css('width', 960);
});

function loadPreview(){
    $.ajax({
        'url' : '/articles/next/0',
        success: function(data){
            setPreviewData(data);
        }
    });
}

function setPreviewData(data){
    var list = data['data']['list'];
    if( list ){
        function set(target, list){
            $('.' + target + '-article').find('.preview-title h1').text(subString( list['title'], 28, true)).end()
                .find('.preview-body').html(subString( list['body_value'], 350, true)).end()
                .find('.detail-link').attr('href', '/node/' + list['nid']).end()
                .find('.' + target + '-arrow').data('id', list['nid']);
        }

        set('left', list[0]);
        set('right', list[1]);
    }
}
